<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="icon" href="img/desktop.jpeg" type="image/x-icon"/>
</head>
<body>
<form name="user" action="#" method="get">
    <table align="center">
        <tr>
            <td>用户名</td>
            <td>
                <input type="text" name="username" id="username"/>
            </td>
        </tr>
        <tr>
            <td>密码</td>
            <td>
                <input type="password" name='pwd' id="pwd"/>
            </td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <input type="radio" name="name" checked="checked"/>男
                <input type="radio" name="name"/>女
            </td>
        </tr>
        <tr>
            <td>头像</td>
            <td>
                <input class="btn-file" type="file" name="file" />
            </td>
        </tr>
        <tr>
            <td>住址</td>
            <td>
                <select>
                    <option value='广东省' selected="selected">广东</option>
                    <option >北京市</option>
                    <option>山东</option>
                </select>省&nbsp;&nbsp;
                <select>
                    <option>深圳</option> <option>北京</option> <option>青岛</option>
                </select>市br
            </td>
        </tr>
        <tr>
            <td>爱好</td>
            <td>
                <input type="checkbox" name="sport" checked="checked"/>篮球
                <input type="checkbox" name="basketball"/>足球
                <input type="checkbox" name="volleyball"/>看书
            </td>
        </tr>
        <tr>
            <td>备注信息</td>
            <td>
                <textarea rows="15" cols="50"></textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="submit" id="id" value="登陆" onclick="return sub()"/>
                <script type="text/javascript" src="js/jquery-3.4.1.min.js"><!--检查用户名 密码-->
                function sub(){
                    var username=document.getElementById("username").value
                    var pwd=document.getElementById("username").value
                    alert("用户名: "+username+" "+"密码: "+pwd);
                }
                </script>
                <input type="reset" name="reset" value="重置"/>
            </td>
        </tr>
    </table>
</form>
</body>
</html>